.preview-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9000;
    background-color: red;
    .preview-image-iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }
    .close-btn {
        position: absolute;
        top: 30px;
        right: 50px;
        width: 36px;
        height: 36px;
        cursor: pointer;
        z-index: 9100;
        background-image: url(./images/close.png);
        background-size: 100%;
        &:hover {
            background-image: url(./images/close-hover.png);
        }
    }
    .prev-btn {
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        z-index: 9100;
        width: 36px;
        height: 54px;
        background-image: url(./images/prev-btn.png);
        cursor: pointer;
        &:hover {
            background-image: url(./images/prev-btn-hover.png);
        }
    }
    .next-btn {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        z-index: 9100;
        width: 36px;
        height: 54px;
        background-image: url(./images/next-btn.png);
        cursor: pointer;
        &:hover {
            background-image: url(./images/next-btn-hover.png);
        }
    }
}